<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 	
<!DOCTYPE html>
<html>
<style>
.nali{
	
	margin-left:50px;
	float:left;
	margin-top:20px;
	font-size: 16px;
	font-weight:550;
}
.souc{
	margin-right:15px;
}
.smalltitle{
    color: black;
    font-size: 21px;
    font-weight: 550;
    text-align:center;
}
.con{
	line-height:23pt;
	margin-bottom:5px;
	text-indent:30pt;
	font-size:13pt;
}
.media-body{
	max-width:400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mainTable{
	border-spacing:0;
	border-collapse:collapse;
}
.tb{
	background:#F2F9FC;
	width:13%;
}
.mainTable td{
    padding:10px 10px 11px 10px;border:#E4EEF6 1px solid;word-break:break-all;font-size:14px;
    line-height: 1.6;
    color: #222;
    word-wrap: break-word;
}
.mainTable2 .tx{
	 text-align: center;
    width: 56px;
}
.mainTable2 th{
	text-align:center;
	background:#F2F9FC;
	border:#E4EEF6 1px solid;
	border-collapse: collapse;
    padding:12px 12px 12px 12px;
    font-weight: normal;
    color: #444;
    line-height: 19px;
}

.mainTable2 td{
    padding:10px 10px 11px 10px;border:#E4EEF6 1px solid;word-break:break-all;font-size:14px;
    line-height: 1.6;
    color: #222;
    word-wrap: break-word;
}
table{
	margin-bottom:40px;
}
.lcontent{
    float: left;
    margin:18px 0px 10px 10px;
    font-size: 14px;
    color: #000;
}
</style>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>企业信息·数据工厂</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Toastr style -->
    <link href="${pageContext.request.contextPath }/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">



</head>

<body>

    <div id="wrapper">
 		<nav class="navbar-default navbar-static-side" role="navigation">
			<%request.setAttribute("LEFT", "enterprise-info");%>
			 <%@include file="../components/left.jsp"%>
		</nav>
   

        <div id="page-wrapper" class="gray-bg">
       		<div class="row border-bottom f-0">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div> 
            <div class="row wrapper border-bottom white-bg page-heading" style="margin-top:20px">
                <div class="col-lg-10">
                    <h2>企业数据</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a>企业数据</a>
                        </li>
                        <li class="active">
                            <strong>详情</strong>
                        </li>
                    </ol>
                </div>
            </div>

        <div class="wrapper wrapper-content  animated fadeInRight article">
            <div class="row">
           		
                <div class="col-lg-12 col-lg-offset" style="padding-right:20px">
                    <div class="ibox">
                        <div class="ibox-content" id="list">
                      <!--  <div class="row" style="margin-left:0px;margin-bottom:20px">
                       		<div class="logo" style="width:100px;float:left">
                       		<img style="width:100px;height:100px"src="https://co-image.qichacha.com/CompanyImage/a292f8af7e18e80278b001e8601952f1.jpg?x-oss-process=style/qcc_cmp" alt="苏州艾钛科纳米科技有限公司" onerror="this.src='https://co-image.qichacha.com/CompanyImage/default.jpg'"></div>
                       		<div class="lcontent">
                       			<span style="font-size:22px;">苏州艾钛科纳米科技有限公司</span>
                       			<div class="address">电话： 15850188970</div>
                       			<div class="address">地址： 苏州市高新区浒杨路36号厂房2幢A102室</div>
                       		</div>
                       </div> -->
                        
                        	<!-- <h3>工商信息</h3>
                        	<table class="mainTable">
                        		<tbody>
                        		<tr>
                        			<td class="tb">法定代表人</td>
                        			<td style="width:20%">刘俊红</td>
                        			<td class="tb">企业名称</td>
                        			<td style="width:20%">苏州艾钛科纳米科技有限公司</td>
                        			<td  class="tb">统一社会信用代码</td>
                        			<td style="width:14%">91320505MA1W6J9Q26</td>
                        		</tr>
                        		
                        		<tr>
                        			<td class="tb">工商注册号</td>
                        			<td style="width:20%">-</td>
                        			<td class="tb">核准日期</td>
                        			<td style="width:20%">2019-02-12</td>
                        			<td  class="tb">成立日期</td>
                        			<td style="width:14%">2018-03-12</td>
                        		</tr>
                        		
                        		<tr>
                        			<td class="tb">登记机关</td>
                        			<td style="width:20%">苏州高新区（虎丘区）市场监督管理局</td>
                        			<td class="tb">登记状态</td>
                        			<td style="width:20%">存续（在营、开业、在册）</td>
                        			<td  class="tb">营业期限</td>
                        			<td style="width:14%">2018-03-12 至 -</td>
                        		</tr>
                        		<tr>
                        			<td class="tb">经营范围</td>
                        			<td colspan=5>纳米技术领域内的技术开发、技术咨询、技术服务、技术转让;研发、生产、销售:等离子体设备、镀膜设备、机电产品、机械设备、高分子新材料;销售:纳米镀膜材料及涂装设备;自营和代理各类商品及技术的进出口业务(国家限定企业经营或禁止进出口的商品和技术除外)。(依法须经批准的项目,经相关部门批准后方可开展经营活动)</td>
                        		</tr>
                        		</tbody>
                        		
                        	</table> -->
                        	<!-- <h3>工商登记股东</h3>
                        	<table class="mainTable2">
                        		<tbody>
                        			<tr>
                        			<th class="tx" style="width:100px">序号</th>
                        			<th style="width:425px">股东及出资信息</th>
                        			<th style="width:140px">持股比例</th>
                        			<th style="width:140px">认缴出资额(万元) </th>
                        			<th style="width:140px">认缴出资额日期</th>
                        			<th style="width:140px">实缴出资额(万元)</th>
                        			<th style="width:140px">实缴出资日期</th>
             						</tr>
                        			<tr>
                        				<td>1</td>
                        				<td>大连维钛克纳米涂层科技有限公司</td>
                        				<td>54.00%</td>
                        				<td>540</td>
                        				<td>2018-03-12</td>
                        				<td>540</td>
                        				<td>2019-02-13</td>
                        			</tr>
                        			
                        			<tr>
                        				<td>2</td>
                        				<td>苏州云弧纳米技术中心（有限合伙）</td>
                        				<td>27.00%</td>
                        				<td>270</td>
                        				<td>2018-03-12</td>
                        				<td>105</td>
                        				<td>2019-02-13</td>
                        			</tr>
                        			
                        			
                        			<tr>
                        				<td>3</td>
                        				<td>徐燕华</td>
                        				<td>10.00%</td>
                        				<td>100</td>
                        				<td>2018-03-12</td>
                        				<td>100</td>
                        				<td>2019-09-29</td>
                        			</tr>
                        			
                        			<tr>
                        				<td>4</td>
                        				<td>刘俊红</td>
                        				<td>9.00%</td>
                        				<td>90</td>
                        				<td>2018-03-12</td>
                        				<td>15</td>
                        				<td>2019-02-13</td>
                        			</tr>
                        			
                        		</tbody>
                        	</table> -->
                        	
                        	<!-- <h3>主要人员</h3>
                        	<table class="mainTable2">
                        		<tbody>
                        			<tr>
                        			<th style="width:100px;">序号</th>
                        			<th style="width:300px;">姓名</th>
                        			<th style="width:410px;">职务</th>
                        			<th style="width:207px;">持股比例</th>
                        			<th style="width:208px;">最终受益股份</th>
                        			</tr>
                        			<tr>
                        				<td>1</td>
                        				<td>刘俊红</td>
                        				<td>执行董事兼总经理</td>
                        				<td>9.00%</td>
                        				<td>9.00%</td>
                        			</tr>
                        			<tr>
                        				<td>2</td>
                        				<td>朱圆明</td>
                        				<td>监事</td>
                        				<td>-</td>
                        				<td>-</td>
                        			</tr>
                        		</tbody>
                        	</table> -->
                        	
                        	
                        	<!-- <h3>变更记录</h3>
                        	<table class="mainTable2">
                        		<tbody>
                        			<tr>
                        			<th style="width:100px;">序号</th>
                        			<th style="width:200px;">变更日期</th>
                        			<th style="width:350px;">变更项目</th>
                        			<th style="width:287px;">变更前</th>
                        			<th style="width:288px;">变更后</th>
                        			</tr>
                        			<tr>
                        				<td>1</td>
                        				<td>2019-02-12</td>
                        				<td>市场主体类型变更</td>
                        				<td>有限责任公司(自然人投资或控股)</td>
                        				<td>其他有限责任公司</td>
                        			</tr>
                        			<tr>
                        				<td>2</td>
                        				<td>2019-02-12</td>
                        				<td>投资人变更（包括出资额、出资方式、出资日期、投资人名称等）</td>
                        				<td>
                        				刘俊红<br>徐燕华</td>
                        				<td>
                        				刘俊红*<br>
										徐燕华<br>
										大连维钛克纳米涂层科技有限公司<br>
										苏州云弧纳米技术中心(有限合伙)
                        				</td>
                        			</tr>
                        			
                        			<tr>
                        				<td>3</td>
                        				<td>2018-11-08</td>
                        				<td>市场主体类型变更</td>
                        				<td>
                        				有限责任公司(自然人独资)
                        				<td>
                        				有限责任公司(自然人投资或控股)
                        				</td>
                        			</tr>
                        			
                        		</tbody>
                        	</table> -->
                        </div>
                    </div>
               			
                </div>
                
                 </div>
            
            
            </div>

<jsp:include page="../components/footer.jsp" flush="true" />
        </div>

        </div>



    <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/plugins/pace/pace.min.js"></script>
	<script src="${pageContext.request.contextPath }/js/userCustom.js"></script>
	<script type="text/javascript">
	 <% String article_public_id = (String)request.getParameter("article_public_id");%>
	var article_public_id = '<%=article_public_id%>'
    	detail();
	function detail(){
    	$.ajax({
    		url : "${pageContext.request.contextPath}/highTechEnterprises/enterprisedetail",
    		type : "post",
    		data:{
    			article_public_id: article_public_id
    		},
    		success : function(res1) {
    			let res = JSON.parse(res1);
    			let phone=res.phone_number;
    			let address=res.address;
    			let legal_person=res.legal_representative;
    			let code=res.uniformSocialCreditCode;
    			let insured_num=res.insured_num;
    			if(typeof phone=="undefined"){
    				phone=res.phone;
    			}
    			if(typeof address=="undefined"){
    				address=res.location;
    			}
    			if(typeof legal_person=="undefined"){
    				legal_person=res.legal_person;
    			}
    			if(typeof code=="undefined"){
    				code=res.taxpayer_identification;
    			}
    			if(typeof insured_num=="undefined"){
    				insured_num=res.insureds;
    			}
    			//主要人员
    			var keypersonhtml='';
    			let keypersion=res.key_person;
    			var keypersonhead='';
    			if(keypersion!=null){
    				keypersonhead+='<h3>主要人员</h3><table class="mainTable2"><tbody>'+
                			'<tr>'+
                			'<th style="width:100px;">序号</th>'+
                			'<th style="width:300px;">姓名</th>'+
                			'<th style="width:410px;">职务</th>'+
                			'</tr>';
    				let person=JSON.parse(keypersion);
    				var keypersoncon='';
    				console.log(person);
    				for(var i=0;i<person.length;i++){
    					keypersoncon+='<tr>'+
        				'<td>'+person[i].id+'</td>'+
        				'<td>'+person[i].name+'</td>'+
        				'<td>'+person[i].position+'</td>'+
        			'</tr>';
    				}	
                				
    				keypersoncon+='</tbody></table>';
    				keypersonhtml=keypersonhead+keypersoncon;
    			}
    			var changeRecordHtml='';
    			if(res.change_record!=null){
    				//变更记录
    				let changeRecord=JSON.parse(res.change_record);
        			if(changeRecord.length!=0){
        				var changeRecordhead='';
        				changeRecordhead+='<h3>变更记录</h3><table class="mainTable2"><tbody>'+
            			'<tr>'+
            			'<th style="width:100px;">序号</th>'+
            			'<th style="width:200px;">变更日期</th>'+
            			'<th style="width:220px;">变更项目</th>'+
            			'<th style="width:287px;">变更前</th>'+
            			'<th style="width:288px;">变更后</th>'+
            			'</tr>';
    				var changeRecordcon='';
    				for(var i=0;i<changeRecord.length;i++){
    					changeRecordcon+='<tr>'+
        				'<td>'+changeRecord[i].id+'</td>'+
        				'<td>'+changeRecord[i].alterDate+'</td>'+
        				'<td>'+changeRecord[i].alterItem+'</td>'+
        				'<td>'+changeRecord[i].alterBefore+'</td>'+
        				'<td>'+changeRecord[i].alterAfter+'</td>'+
        			'</tr>';
    				}	
                				
    				changeRecordcon+='</tbody></table>';
    				changeRecordHtml+=changeRecordhead+changeRecordcon;
    				
        		}
    			}
    			//股东
    			var gudonghtml='';
    			if(res.shareholder!=null){
    				let gu=JSON.parse(res.shareholder);
        			//股东信息
        			if(gu.length!=0){
        				var gudonghead='';
        				gudonghead+='<h3>股东信息</h3><table class="mainTable2"><tbody>'+
            			'<tr>'+
            			'<th style="width:100px;">序号</th>'+
            			'<th style="width:300px;">发起人/股东</th>'+
            			'<th style="width:410px;">认缴出资额</th>'+
            			'<th style="width:410px;">实际出资额</th>'+
            			'</tr>';
    				var gucon='';
    				for(var i=0;i<gu.length;i++){
    					gucon+='<tr>'+
        				'<td>'+gu[i].id+'</td>'+
        				'<td>'+gu[i].name+'</td>'+
        				'<td>'+gu[i].capital_contribution+'</td>'+
        				'<td>'+gu[i].actual_contribution+'</td>'+
        			'</tr>';
    				}	
    				gucon+='</tbody></table>';
    				gudonghtml+=gudonghead+gucon;
        		}
    			}
    			var push_time=res.establish_time;
    	           push_time=/\d{4}-\d{1,2}-\d{1,2}/g.exec(push_time);
    			var html='<div class="row" style="margin-left:0px;margin-bottom:20px">'+
           		'<div class="lcontent">'+
           			'<span style="font-size:22px;">'+res.name+'</span>'+
           			'<div class="address">电话： '+phone+'</div>'+
           			'<div class="address">地址：'+address+'</div>'+
           		'</div></div>'+
           		'<h3>工商信息</h3>'+
            	'<table class="mainTable">'+
            		'<tbody>'+
            		'<tr>'+
            			'<td class="tb">法定代表人</td>'+
            			'<td style="width:20%">'+legal_person+'</td>'+
            			'<td class="tb">企业名称</td>'+
            			'<td style="width:20%">'+res.name+'</td>'+
            			'<td  class="tb">统一社会信用代码</td>'+
            			'<td style="width:14%">'+code+'</td>'+
            		'</tr>'+
            		'<tr>'+
            			'<td class="tb">工商注册号</td>'+
            			'<td style="width:20%">'+res.registration+'</td>'+
            			'<td class="tb">核准日期</td>'+
            			'<td style="width:20%">'+push_time+'</td>'+
            			'<td  class="tb">成立日期</td>'+
            			'<td style="width:14%">'+push_time+'</td>'+
            		'</tr><tr>'+
            			'<td class="tb">参保人数</td>'+
            			'<td style="width:20%">'+insured_num+'</td>'+
            			'<td class="tb">登记状态</td>'+
            			'<td style="width:20%">'+res.status+'</td>'+
            			'<td  class="tb">纳税人识别号</td>'+
            			'<td style="width:14%">'+code+'</td>'+
            		'</tr>'+
            		'<tr>'+
        			'<td class="tb">企业类型</td>'+
        			'<td style="width:20%">'+res.enterprise_type+'</td>'+
        			'<td class="tb">注册资本</td>'+
        			'<td style="width:20%">'+res.registered_capital_str+'</td>'+
        			'<td  class="tb">所属行业</td>'+
        			'<td style="width:14%">'+res.industry_involved+'</td>'+
        		'</tr>'+
            			'<tr>'+
            			'<td class="tb">经营范围</td>'+
            			'<td colspan=5>'+res.business_scope+'</td>'+
            		'</tr>'+
            			'</tbody></table>';
            			
            		  /* if(keypersion!=null){
            			html+=keypersonhtml;
            		} 
					if(changeRecord!=null){
						html+=changeRecordHtml;
					}
					if(gu!=null){
						html+=gudonghtml;
					}  */
					 html+=keypersonhtml+gudonghtml+changeRecordHtml; 
            		 $('#list').html(html);
    			
    		},
    		
    		error: function(err) {
    			console.log(err)
    		}
    	});
    }
	</script>
	
	<script>
	var navlist = 
		'<li><a class="nav2active" href="#">工商信息</a></li>'+
		'<li><a href="#">投资融资</a></li>'+
		'<li><a href="#">高新企业</a></li>'
	$("#nav3list").append(navlist)
	</script>
</body>

</html>


</body>
</html>